<!DOCTYPE html>
<html>

<head>
  <meta charset="utf-8">
  <title>莫氏文件管理</title>
  <meta name="renderer" content="webkit">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link href="layui/css/layui.css" rel="stylesheet">
  <style type="text/css">
    * {
      padding: 0;
      margin: 0;
    }


    .item {
      padding: 15px 0 0 15px;
      float: left;
    }
    .layui-flow-more{
      display: none;
    }
    .box {
      padding: 10px;
      border: 1px solid #ccc;
      box-shadow: 0 0 6px #ccc;
      border-radius: 5px;
    }

    .ellipsis-single-line {
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      font-size: 10px;
      width: 180px;
      color: #009688;
    }

    .box img {
      width: 180px;
      height: auto;
      position: relative;
      top: -26px;
      left: 0px;
    }

    .item-head {
      position: relative;
      top: 0px;
      left: 0px;
      z-index: 10;

    }

    .item-head a {
      color: #BB3D00;
    }
  </style>

</head>

<body>
  <div class="layui-layout layui-layout-admin">
    <div class="layui-header">
      <div class="layui-logo layui-hide-xs layui-bg-black">莫氏文件管理</div>
      <!-- 头部区域（可配合layui 已有的水平导航） -->
      <div style="background-color: #fff;margin-left: 220px;margin-top: 10px;">
        <div style="float: left;margin-right: 3px;">
          <input id="slt_abs_folder_path" class="layui-input" style="width:400px;" placeholder="地址栏">
        </div>
        <div style="float: left;margin-right: 3px;">
          <input id="slt_nas_search_key" class="layui-input" style="width:200px;" placeholder="请输入关键词 空格分隔">
        </div>
        <div style="float: left;margin-right: 3px;">
          <select style="width: 130px;height: 38px;line-height: 38px;text-align: center;"  id="slt_nas_file_ext">

          </select>
        </div>
        <div style="float: left;margin-right: 3px;">
          <input type="text" class="layui-input" id="slt_nas_create_date" placeholder="开始 到 结束 ">

        </div>
        <div style="float: left;">
          <button class="layui-btn layui-btn-disabled" id="slt_btn">查询</button>
        </div>
      </div>
    </div>
    <div class="layui-side layui-bg-black" id="leftMenu">
      <div class="layui-side-scroll">
        <!-- 左侧导航区域（可配合layui已有的垂直导航） -->

        <div onclick="greet('photo')" id="memu" style="float: left;margin-left: 20px;line-height: 38px;height: 38px;">【菜单】
        </div>
        <div class="layui-icon layui-icon-spread-left" id="spread" data-spread="0"
          style="width: 30px;float: left;;margin-left: 6px;line-height: 38px;height: 38px;"></div>

        <div style="clear: both;"></div>
        <div id="ID-tree-demo-showCheckbox" style="width: 100%;overflow-y: auto;padding-bottom: 50px;color: #fff;">
        </div>

      </div>
      <div class="layui-footer" style="opacity: 0.5;">
        <!-- 底部固定区域 -->
        <button class="layui-btn" id="meihua">美化</button>
        <button class="layui-btn" id="check_all">全选</button>
  
  
  
      </div>
    </div>
    <div class="layui-body" >
      <!-- 内容主体区域 -->
      <div id="flowBody" style="height: 85vh;overflow-y: auto;">
        <div id="main" ></div>
      </div>
      



      <div id="formTemp" style="display: none;padding: 10px;">
        <div id="win_main" style="float: left;width: 50%;">

        </div>
        <div style="float: right;width: 40%;">
          <div>
            <textarea required lay-verify="required" placeholder="请输入关键词 空格分隔" id="nas_search_key"
              class=" layui-textarea"></textarea>
          </div>
          


          <div style="margin-top: 4px;">

            <select style="width: 100%;height: 35px;line-height: 35px;text-align: center; " disabled id="nas_file_ext">

            </select>
          </div>
          <div id="win_nas_abs_file_path"></div>  
          
            
           </div>
        </div>
      </div>
      </script>
    </div>
    
  </div>

  <script src="layui/layui.js"></script>
  <script src="layui/md5.js"></script>
  <script src="layui/jquery.min.js"></script>
  <script src="layui/masonry.pkgd.js"></script>
  <script src="layui/imagesloaded.pkgd@4.js"></script>
  <script src="common.js"></script>
  <script src="data.js"></script>
  <script src="index.js"></script>
  <script>


    //JS 
    layui.use(['element', 'layer', 'util'], function () {
      var element = layui.element;
      var layer = layui.layer;
      var util = layui.util;
      var $ = layui.$;

      //头部事件
      util.event('lay-header-event', {
        menuLeft: function (othis) { // 左侧菜单事件
          layer.msg('展开左侧菜单的操作', { icon: 0 });
        },
        menuRight: function () {  // 右侧菜单事件
          layer.open({
            type: 1,
            title: '更多',
            content: '<div style="padding: 15px;">处理右侧面板的操作</div>',
            area: ['360px', '100%'],
            offset: 'rt', // 右上角
            anim: 'slideLeft', // 从右侧抽屉滑出
            shadeClose: true,
            scrollbar: false
          });
        }
      });
    });
  </script>




</body>

</html>